//
// Accordion
// --------------------------------------------------


// Parent container
.sui-accordion {
  margin-bottom: @baseLineHeight;

  // Group == heading + body
  .accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    .border-radius(@baseBorderRadius);
  }
  .accordion-heading {
    border-bottom: 0;
  }
  .accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
  }

  // General toggle styles
  .accordion-toggle {
    cursor: pointer;
  }

  // Inner needs the styles because you can't animate properly with any styles on the element
  .accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
  }
}
